<template>
    <div id="msglogin">
        <input class="input-css" type="text" placeholder="手机号/邮箱">
        <div id="msglogin-flex">
            <input id="msg" class="input-css" type="text" placeholder="短信验证码">
            <button id="msg-button" class="button-css">获取验证码</button>
        </div>
        <button class="button-css">登录</button>
        <router-link to="/regist"><div>立即注册</div></router-link>
    </div>
</template>
<script>
export default {

}
</script>
<style scoped>
    #msglogin{
        margin: 3.92vw;
        position: relative;
    }
    #msglogin div{
        font-size: 3.92vw;
        color: #333333; 
    }
    #msg{
        width: 55%;
    }
    #msg-button{
        width: 40%;
    }
    #msglogin-flex{
        display: flex;
        justify-content: space-between;
    }
</style>